<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>demo101</title>
    <!-- <script src="https://cdn.bootcss.com/vue/2.5.13/vue.js"></script> -->
    <script src="https://cdn.bootcss.com/vue/1.0.28/vue.js"></script>
    <!-- Vue2.5.13 下面的代码没法运行, Vue1.0.28 版本下可以! -->
    <!-- 以下代码是一个简单犀利的"输入提示效果" -->
  </head>
  <body>
    <div id="dynamic-filter-by">
      <input v-model="name">
      <ul>
        <li v-for="user in users | filterBy name in 'name'">
          {{ user.name }}
        </li>
      </ul>
    </div>
    <script type="text/javascript">
      new Vue({
        el: '#dynamic-filter-by',
        data: {
          name: '',
          users: [
            {name: 'Bruce'},
            {name: 'Chuck'},
            {name: 'Jackie'}
          ]
        }
      });
    </script>
  </body>
</html>
